/* 左边部分设置 */
#left{
    /* 宽、高 */
    width: 180px;
    height: 835px;
    background-color: white;
    background-image: url(../img/leftbottom.jpg);
    background-repeat: no-repeat;                     /* 图片置于的位置 */
    background-position: bottom;                      /* 顶部外边距 */
    margin-top: 5px;
    float: left;
}
/* 登录部分设置 */
#login{
    width: 180px;
    background-image: url(../img/login.jpg);
    background-repeat: no-repeat;
    padding-top: 50px;                                /* 内边距的设置 */
}
/* 列表 */
#login ul li{
    margin-left: 20px;                               /* 左外边距 */
    margin-top: 5px;                                /* 顶部外边距 */
}
#login .input{
    border: none;                                   /* 文本框边框 */
    border-bottom: 1px solid black;              /* 边框样式 */
    width: 100px;                                  /* 宽度 */
}
/* 按钮样式 */
#login .bt{
    border-radius: 5px;                            /*圆角边框 */
    border: 2px solid darkgray;
    background-color: antiquewhite;
    padding-left: 3px;                              /* 左右内边距 */
    padding-right: 3px;
}

/* 鲜花部分 */
#classify{
    width: 188px;
    background-image: url(../img/category.jpg);
    background-repeat: no-repeat;
    padding-top: 50px;                              /* 内边距的设置 */
}
/* id为classify的li的设置 */
#classify ul li{
   margin-left: 20px;                              /* 列表距离左边的距离 */
   list-style-position: inside;                    /* 数字和方框与列表同一行 */
   list-style-image: url(../img/icon1.gif);
   border-bottom: 1px dashed black;
   line-height: 20px;                           /* 垂直高度 */
   margin-right: 20px;                          /* 右外边距的距离 */
}
/* id为classify的h3的设置 */
#classify h3{
   margin-left: 20px;                           /* 左外边距的距离 */
   margin-right: 20px;                          /* 右外边距的距离 */
   margin-top: 10px;                            /* 距离顶部的距离 */
   margin-bottom: 5px;                          /*距离底部的距离*/
   background-color: #FFD8D9;               
}
